/* Botón de cierre dentro del cuadro blanco */
.modal-content .btn-close {
    position: absolute;
    top: 10px; /* Ajusta la posición vertical dentro del cuadro */
    right: 10px; /* Ajusta la posición horizontal dentro del cuadro */
    background-color: #ffffff; /* Fondo blanco */
    border-radius: 50%; /* Forma redonda */
    padding: 5px;
    font-size: 1.2rem;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2); /* Sombra */
    z-index: 1051; /* Asegura que esté encima */
  }
  
  /* Fondo blanco para la imagen dentro del popup */
  .modal-content {
    border: none; /* Sin bordes */
    border-radius: 10px; /* Esquinas redondeadas */
    padding: 20px; /* Espaciado interno */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); /* Sombra */
    animation: fadeInGallery 0.3s ease;
  }

   /* Animación para el modal */
   @keyframes fadeInGallery {
    from {
      opacity: 0;
      transform: scale(0.9);
    }
    to {
      opacity: 1;
      transform: scale(1);
    }
  }